<template>
  <Header title="二维码点名"></Header>
  <div class="container" id="container">
    <div class="mui-card" id="code">
      <img :src="ewm" alt="图片未正常加载！" style="width: 70%">
      <div style="font-size: 20px;">已签到人数：0人</div>
    </div>
  </div>
</template>

<script setup>
import {ewmdm} from "/@/api/jsdm";

const ewm =  ref('');

async function initData(){
  await ewmdm().then((ret) => {
    ewm.value =  "data:image/gif;base64," + ret.response.value.extend.ret;
  })

  console.log('ewm', ewm.value)
}

onMounted( () => {
   initData();
})

</script>
<style>
.container{
  -webkit-overflow-scrolling:touch
}
#code{
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 700px;
  width: 700px;
  margin-top: 25px;
  margin-left: 25px;
}
.mui-card{
  font-size:14px;
  position:relative;
  overflow:hidden;
  margin:10px;
  border-radius:2px;
  background-color:#fff;
  background-clip:padding-box;
  box-shadow:0 1px 2px rgba(0,0,0,.3);
  box-sizing: border-box;
  -webkit-user-select: none;
  outline: 0;
}
html, body, #app {
  height: 100%!important;
  background-color: #f8f8f8;
}
</style>
